<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>节目预告</title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/weChat/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/weChat/css/reset.css"/>
		
		<style type="text/css">
.video-small-box1{margin:0;height:82%;width: 100%;border-radius: 5px;position: relative;}
.video-small-box{margin: 0;}
		</style>
	</head>
	<body style="background-color:#FFFFFF;">
		<div class="wrapper" style="height: 100vh;box-sizing: border-box;overflow: hidden">
             <div class="program-box m-top">
             	<div class="video-box dis_in">
             		<div class="video-small-box1">
	             		<img class="icon_pic" src="__PUBLIC__/weChat/images/pic1.png"/>
	             		<img class="seeding" src="__PUBLIC__/weChat/images/icon-living@2x.png"/>
	             		<img class="icon_live" src="__PUBLIC__/weChat/images/icon-live@2x.png"/>
             		</div>            	
             		            		
                     <p class="video-time font1 dis_b"><span >9:00--10:00</span>《牛X论股》</p>
             	</div>
             	<div class="video-box fr dis_in">
             		<div class="video-small-box1">
	             		<img class="icon_pic" src="__PUBLIC__/weChat/images/pic1.png"/>
	             		<img class="seeding appointment" onclick="appoint()" src="__PUBLIC__/weChat/images/icon-appointment@2x.png"/>
	             		<img class="icon_live "  src="__PUBLIC__/weChat/images/icon_stop@2x.png"/>
             		</div>                 		           	          		
                     <p class="video-time font1 dis_b"><span >9:00--10:00</span>《牛X论股》</p>
             	</div>           
             </div>  
             <div class="program-box">
             	<div class="video-box dis_in">
             		<div class="video-small-box1">
	             		<img class="icon_pic" src="__PUBLIC__/weChat/images/pic1.png"/>
	             		<img class="seeding appointment" onclick="appoint()" src="__PUBLIC__/weChat/images/icon-appointment@2x.png"/>
	             		<img class="icon_live "  src="__PUBLIC__/weChat/images/icon_stop@2x.png"/>
             		</div>            	
             		            		
                     <p class="video-time font1 dis_b"><span >9:00--10:00</span>《牛X论股》</p>
             	</div>
             	<div class="video-box fr dis_in">
             		<div class="video-small-box1">
	             		<img class="icon_pic" src="__PUBLIC__/weChat/images/pic1.png"/>
	             		<img class="seeding appointment" onclick="appoint()" src="__PUBLIC__/weChat/images/icon-appointment@2x.png"/>
	             		<img class="icon_live "  src="__PUBLIC__/weChat/images/icon_stop@2x.png"/>
             		</div>                 		           	          		
                     <p class="video-time font1 dis_b"><span >9:00--10:00</span>《牛X论股》</p>
             	</div>           
             </div> 
             <div class="review">
             	<p ><span class="font1 review-p dis_in">精彩回顾</span> <span class="font3 review-sp dis_in">全部</span></p>
             </div>

             <div class="program-box m-top">

				 <?php foreach($result as $k=>$v){?>
             	<div class="video-box dis_in <?php echo $k%2 == 1 ? 'fr' : '' ?>">
             		<div class="video-small-box1">
	             		<img class="icon_pic" src="<?php echo $v['image_path']?>"/>
	             		<div class="Mask-box">
	             			<a href="<?php echo empty($v['link_url']) ? 'javscript:void(0)':$v['link_url']?>"><img class="icon-stop" src="__PUBLIC__/weChat/images/icon_stop@2x.png"/></a>
	             			<p>《<?php echo $v['title']?>》</p>
	             			<p><span><?php echo date('m-d',$v['create_time'])?>&nbsp;</span></p>
             		    </div>
             		</div>
             	</div>
				 <?php } ?>
             </div> 
            <div id="background1" ></div> 
            <div id="content2">
            	<div class="content2-box">	       
	            	<img class="icon-wzd" src="__PUBLIC__/weChat/images/icon_wzdl@2x.png"/>
            	</div>

            </div>
             
		</div><!--wrapper-->
		<script src="__PUBLIC__/weChat/js/base.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/weChat/js/jquery-2.2.2.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		function appoint(){
			var app=$('.appointment');
			for(var i=0;i<app.length;i++){
				$('#background1').show();$('#content2').show();
				return false;
			}
		}
		$('.review-sp').click(function(){ window.location.href="<?php echo url('notice/review')?>";});
		$('.icon-wzd').click(function(){$('#background1').hide();$('#content2').hide();});
		</script>
	</body>
</html>